<!-- 我的资料 -->
<template>
  <view class="container ">
    <view class="list flex-c">
      <view class="item flex">
      <view class="l">手机号码</view>
      <view class="r flex">
        <text>13456278769</text>

      </view>
    </view>
    <view class="item flex">
      <view class="l">登录密码</view>
      <view class="r" @click="jump('/pages/my/profile/modify-password')">
        <text>修改</text>
        <u-icon name="arrow-right"></u-icon>
      </view>
    </view>
    <view class="item flex">
      <view class="l">货币单位</view>
      <view class="r" @click="showCoin=true">
        <text v-text="coin"></text>
        <u-icon name="arrow-right"></u-icon>
      </view>
    </view>
    
    </view>
    
    <view class="btn" >
      <u-button shape="circle" :ripple="true" ripple-bg-color="#909399" :custom-style="customStyle" @click="logout()">退出登录</u-button>
    </view>
    <u-action-sheet :list="coinList" v-model="showCoin" @click="clickCoin"></u-action-sheet>
  </view>
</template>

<script>
import {commonMixin} from '@/common/mixin/mixin.js'
export default {
  mixins: [commonMixin],
  data () {
    return {
      // 设置修改
      showCoin:false,
      coin:'人民币',
      customStyle:{
        color:'#fff',
        width: '686rpx',
        height: '90rpx',
        backgroundColor:'#1488FF'
      },
      coinList:[
        {
					text: '人民币'
				}, {
					text: '美元' 
				}
      ]
    };
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {
    clickCoin(index){
      this.coin = this.coinList[index].text
       console.log(index, this.coin)
    },
    logout(){
      this.$u.func.logout()
    }
  }
}

</script>
<style lang='scss' scoped>
.container {
  min-height: 100vh;
  background-color: $b;
  padding: $p;
  .item {
    padding: 30rpx 0;
    border-bottom: 1px solid #eee;
    min-height: 80rpx;
    .l{
      font-size: 32rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #333333;
    }
    .r {
      text{
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #999999;
      }
    }
  }
  
  .btn {
    margin-top: 50rpx;
  }

}
</style>